<ul id="open-documents" class="accordion contacts-accordion w-100 m-0">
  <li class="card">
    <div class="card-header p-0">
      <button class="d-flex align-items-center justify-content-between px-4 py-3 btn btn-link" data-bs-toggle="collapse" data-bs-target="#open-documents-list-1">
        <div class="d-flex align-items-center">
          <i class="fa fa-file-text-o me-3" style="font-size: 25px;"></i>
          <h6 class="text-start">УЧРЕДИТЕЛЬНЫЕ ДОКУМЕНТЫ</h3>
        </div>
        <i class="fa fa-chevron-down"></i>
      </button>
    </div>
    <div id="open-documents-list-1" class="accordion-collapse collapse" data-bs-parent="#open-documents">
      <div class="card-body p-4 pt-md-3">
        <ul>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Устав ГОКУ УКС.pdf">Устав ГОКУ «УКС»</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 07 февраля 2024</div>
            </div>                               
          </li>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Свидетельство о государственной регистрации юридического лица.pdf">Свидетельство о государственной регистрации юридического лица</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 04 января 2003</div>
            </div>                               
          </li>           
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Свидетельство о внесении записи в Единый государственный реестр юридических лиц от 26.12.2011.pdf">Свидетельство о внесении записи в Единый государственный реестр юридических лиц от 26.12.2011</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 26 декабря 2011</div>
            </div>                               
          </li> 
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Свидетельство о внесении записи в Единый государственный реестр юридических лиц от 06.02.2013.pdf">Свидетельство о внесении записи в Единый государственный реестр юридических лиц от 06.02.2013</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 06 февраля 2013</div>
            </div>                               
          </li> 
        </ul>
      </div>
    </div>
  </li>

  <li class="card">
    <div class="card-header p-0">
      <button class="d-flex align-items-center justify-content-between px-4 py-3 btn btn-link" data-bs-toggle="collapse" data-bs-target="#open-documents-list-2">
        <div class="d-flex align-items-center">
          <i class="fa fa-file-text-o me-3" style="font-size: 25px;"></i>
          <h6 class="text-start text-uppercase">ПРАВОУСТАНАВЛИВАЮЩИЕ ДОКУМЕНТЫ</h3>
        </div>
        <i class="fa fa-chevron-down"></i>
      </button>
    </div>
    <div id="open-documents-list-2" class="accordion-collapse collapse" data-bs-parent="#open-documents">
      <div class="card-body p-4 pt-md-3">
        <ul>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Приказ о возложении обязанностей начальника ГОКУ УКС Солопекин А.А.pdf">Приказ о возложении обязанностей начальника ГОКУ УКС Солопекин А.А</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 31 октября 2022</div>
            </div>                               
          </li>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Приказ № 237 от 21.11.2012 г.  О передаче госуслуги по ЖП.pdf">Приказ о передачи государственной услуги и расширения функции по реализации жилищьных программ</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 07 февраля 2024</div>
            </div>                               
          </li>
        </ul>
      </div>
    </div>
  </li>

  <li class="card">
    <div class="card-header p-0">
      <button class="d-flex align-items-center justify-content-between px-4 py-3 btn btn-link" data-bs-toggle="collapse" data-bs-target="#open-documents-list-3">
        <div class="d-flex align-items-center">
          <i class="fa fa-file-text-o me-3" style="font-size: 25px;"></i>
          <h6 class="text-start text-uppercase">НОРМАТИВНЫЕ ДОКУМЕНТЫ</h3>
        </div>
        <i class="fa fa-chevron-down"></i>
      </button>
    </div>
    <div id="open-documents-list-3" class="accordion-collapse collapse" data-bs-parent="#open-documents">
      <div class="card-body p-4 pt-md-3">
        <ul>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Основные положения учетной политики.pdf">Основные положения учетной политики</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 07 февраля 2024</div>
            </div>                               
          </li>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Декларация соответствия условии труда государственным нормативным требованиям охраны труда.pdf">Декларация соответствия условии труда нормативным требованиям</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 07 февраля 2024</div>
            </div>                               
          </li>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Перечень рабочих мест, на которых проводилась специальная оценка условий труда.pdf">Перечень рабочих мест, на которых проводилась оценка условий труда</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 07 февраля 2024</div>
            </div>                               
          </li>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Сводная ведомость результатов проведения социальной оценки условий труда.pdf">Сводная ведомость результатов проведения социальной оценки условий труда</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 07 февраля 2024</div>
            </div>                               
          </li>            
        </ul>
      </div>
    </div>
  </li>

  <li class="card">
    <div class="card-header p-0">
      <button class="d-flex align-items-center justify-content-between px-4 py-3 btn btn-link" data-bs-toggle="collapse" data-bs-target="#open-documents-list-4">
        <div class="d-flex align-items-center">
          <i class="fa fa-file-text-o me-3" style="font-size: 25px;"></i>
          <h6 class="text-start text-uppercase">ОТЧЕТЫ О ФИНАНСОВОЙ ДЕЯТЕЛЬНОСТИ</h3>
        </div>
        <i class="fa fa-chevron-down"></i>
      </button>
    </div>
    <div id="open-documents-list-4" class="accordion-collapse collapse" data-bs-parent="#open-documents">
      <div class="card-body p-4 pt-md-3">
        <ul>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Отчет о финансовых результатах деятельности на 01.01.2024.pdf">Отчет о финансовых результатах деятельности на 01.01.2024</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 01 января 2024</div>
            </div>                               
          </li>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Отчет о финансовых результатах деятельности на 01.01.2023.pdf">Отчет о финансовых результатах деятельности на 01.01.2023</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 01 января 2023</div>
            </div>                               
          </li>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Отчет о финансовых результатах деятельности на 01.01.2022.pdf">Отчет о финансовых результатах деятельности на 01.01.2022</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 01 января 2022</div>
            </div>                               
          </li>
          <li class="accordion-list-item px-3 mb-3">
            <div class="d-flex align-items-center justify-content-left pt-2">
              <div class="text-left text-muted fw-semibold"><a href="#" data-bs-toggle="modal" data-bs-target="#viewer-modal" data-bs-whatever="./documents/Отчет о финансовых результатах деятельности на 01.01.2021.pdf">Отчет о финансовых результатах деятельности на 01.01.2021</a></div>
            </div>
            <div class="d-flex justify-content-between align-items-center border-top mt-2 py-1" style="font-size: 12px;">
              <div class="d-flex justify-content-left">
                <div class="me-4 text-secondary"><i class="fa fa-eye"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-upload"></i> 0</div>
                <div class="me-4 text-secondary"><i class="fa fa-comments"></i> 0</div>
              </div>
              <div class="me-4 text-secondary"><i class="fa fa-calendar-o"></i> 01 января 2021</div>
            </div>                               
          </li>
        </ul>
      </div>
    </div>
  </li>  
</ul>